<template>
<div>
  <el-card class="box-card">
    <div contenteditable="true" class="title" style="font-size: 20px">
      问卷标题
    </div>
  </el-card>
</div>
</template>

<script>
export default {
  name: "question",
  data(){
    return {
      show: false
    }
  },
}
</script>

<style scoped>
.box-card {
  width: 750px;
  height: 120px;
  padding: 17px 70px;
  margin: 5px 0px;
}
.box-card .title,.body {
  width: 700px;
  height: 42px;
  line-height: 42px;
  padding: 3px 10px;
  font-size: 16px;
}
.box-card .title:hover {
  border:1px dashed #707070;
}
.box-card .body:hover {
  border:1px dashed #707070;
}
[contenteditable]:focus {
  outline: none;
}

</style>
